<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title></title>
<link rel="stylesheet" href="css/pintuer.css">
<link rel="stylesheet" href="css/admin.css">
<script src="js/jquery.js"></script>
<script src="js/pintuer.js"></script>

  <script type="text/javascript">
    $(function () {
      $.post('/niitproject/getgpa3', function (data) {
        // 假设 data 是一个用户对象的数组
        data.forEach(function(user) {
          // 创建一个表格行，并插入用户的信息
          var row = '<tr><td>' + user.name + '</td><td>' + user.stuid + '</td><td>' + user.gpa + '</td></tr>';
          $('#gpa').append(row);
        });
      });
    });
  </script>


</head>
<body>
<form method="post" action="" id="listform">
  <div class="panel admin-panel">
    <div class="panel-head"><strong class="icon-reorder"> 班级列表</strong> <a href="" style="float:right; display:none;">添加字段</a></div>
    <table class="table table-hover text-center" id="gpa">
      <tr>
        <th width="100" style="text-align:left; padding-left:20px;">姓名</th>
        <th width="10%">学号</th>
        <th>绩点</th>
      </tr>

      <tbody id="tb">

      </tbody>

      <tr>
        <td colspan="8">
          <div class="pagelist">
            <a href="javascript:void(0)" id="first">首页</a>
            <a href="javascript:void(0)" id="pre">上一页</a>
            <font id="ft">

            </font>
            <a href="javascript:void(0)" id="next">下一页</a>
            <a href="javascript:void(0)" id="last">尾页</a>
          </div>
        </td>
      </tr>
    </table>
  </div>
</form>


</body>
</html>